/*
CSS For Sheepskin by Susan Bradford site
*/


body {
  font-family: Garamond, "Trebuchet MS", Arial, Helvetica, sans-serif;
  background-color: #bdb76b;
  line-height: 125%;
  padding: 0;
  margin: 0;
  font-style: bold;
}
h1 {
  font-family: Garamond, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 300%;
  font-style: italic;
  text-align: right;
  color: #8b3a3a;
  background-color: #8b7355;
  padding-top: 2%;
  padding-bottom: 50px;
  padding-left: 0%;
  padding-right: 3%;
  margin: 0%; 
}
h2 {
  font-family: Garamond, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: black;
  font-size: 140%;
  font-weight: normal;
  font-style:italic;
  letter-spacing: 0.10em;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 0%;
  padding-right: 0%;
  margin: 0;
}
h3 {
  font-family: Garamond, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 150%;
  color: black;
  font-weight: normal;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 0%;
  padding-right: 0%;
  margin: 0;
}
a {
  font-size: 110%;
  font-weight: bold;
}
a:link {
  color: #8b7355;
  font-weight: bold;
}
a:visited {
  color: #8b3a3a;
  font-weight: bold;
}
a:hover {
  color: black;
  font-weight: bold;
}
a:active {
  color: purple;
  font-weight: bold;
}
p {
  font-family: Garamond, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: black;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 0%;
  padding-right: 0%;
  margin: 0;
}

li {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: .5%;
  padding-left: 0%;
  padding-right: 5%;
  list-style-type: none;
}

#navigation {
  text-align: right;
  margin: 0;
}
#address {
  text-align: left;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
  margin: 0;
}
#coatnavigation {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}
#coatnavigation2 {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}
#hatnavigation {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}
#hatnavigation2 {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}
#hatnavigation3 {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}
#hatnavigation4 {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}
#vestnavigation {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}
#mittensandscarvesnavigation {
  font-size: 100%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
}


#header, #sitebranding, #orderform, #navigation, #mainleftnavigation, #mainrightnavigation, #freedbackform,
#blockbodycontent, #bodycontent, #contactbodycontent, #body, #pagetitle, #image1, #image2, #email, 
#bioimage, #biobodycontent, #coatnavigation, #coatnavigation2, #hatnavigation, #hatnavigation2, #hatnavigation3,
#hatnavigation4, #vestnavigation, #retailbodycontent, 
#mittensandscarvesnavigation, #merchandiseimage, #merchandiseinfo, #homepageaddress, #retailimage,
#contactimage {
  position: absolute;
}
#pagetitle {
  top: 100px;
  margin: 15px;
  font-size: 140%;
  width: 700px;
}
#header {
  top: 0;
  left: 0;
  height: 95px;
} 

#sitebranding {
  top: 0;
  left: 0px;
  right: 0px;
  width: 1025px;
  height: 95px;
} 

#image1 {
  top: 125px;
  left: 250px;
  width: 400px;
  height: 350px;
}
#image2 {
  top: 125px;
  left: 500px;
  width: 400px;
  height: 350px;
}
#retailimage {
  top: 200px;
  left: 10px;
  width: 400px;
  height: 350px;
}
#contactimage {
  top: 200px;
  left:700px;
  width: 300px;
}

#merchandiseimage {
  top: 175px;
  left:700px;
  width: 300px;
}
#merchandiseinfo {
  top: 175px;
  left:400px;
  width: 275px;
  font-size: 110%
}
#bioimage {
  top: 200px;
  left: 10px;
  width: 400px;
  height: 350px;
}
#biobodycontent {
  font-size: 110%;
  top: 200px;
  left: 350px;
  right: 120px;
}

#mainleftnavigation {
  top: 200px;
  left: 0;
  width: 250px;
  height: 250px;
  margin: 0;
}

#mainrightnavigation {
  top: 150px;
  left: 750px;
  width: 250px;
  height: 300px;
}
#navigation {
  top: 100px;
  right: 10px;
  width: 250px;
}
#blockbodycontent {
  top: 430px;
  left: 0;
  margin: 2%;
}
#bodycontent {
  top: 200px;
  left: 350px;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
  text-align: center;
  font-style: bold; 
  font-size: 120%;
}
#retailbodycontent {
  top: 200px;
  left: 350px;
  text-align: center;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-style: bold;
  font-size: 120%;
}
#contactbodycontent {
  top: 185px;
  left: 100px;
  width: 500px;
  font-size: 110%;
  padding-left: 15px;
}
#orderform {
  top: 300px;
  left: 10px;
  height: 100px;
}
#freedbackform {
  top: 300px;
  left: 10px;
  width: 600px;
}
#homepageaddress {
  top:0;
  left: 10px;
  width: 100%;
  padding-top: .5%;
  padding-bottom: .5%;
  color: #bdb76b;
  font-size: 110%;
}
#email {
  top: 450px;
  left: 10px;
}
#coatnavigation {
  top: 175px;
  right: 175px;
  left: 0; 
  padding-right: 2%;
}
#coatnavigation2 {
  top: 175px;
  right: 175px;
  left: 0; 
  padding-right: 2%;
}
#hatnavigation {
  top: 175px;
  left: 0;
  right: 175px;
  padding-right: 2%;
}
#hatnavigation2 {
  top: 175px;
  left: 0;
  right: 175px;
  padding-right: 2%;
}
#hatnavigation3 {
  top: 175px;
  left: 0;
  right: 175px;
  padding-right: 2%;
}
#hatnavigation4 {
  top: 175px;
  left: 0;
  right: 175px;
  padding-right: 2%;
}
#vestnavigation {
  top: 175px;
  right: 175px;
  left: 0;
  padding-right: 2%;
}
#mittensandscarvesnavigation {
  top: 175px;
  left: 0;
  right: 175px;
  padding-right: 2%;
}